@charset "utf-8";
/* base */
html { overflow-y: scroll; }
body { font: 12px/1.6 "\5B8B\4F53", sans-serif; background: url(../images/body_bg.png) repeat-x 0 0 #f4f4f4; color: #6a6a6a; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, select, blockquote, p { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; border: 0; }
ol, ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: "Microsoft Yahei"; }
h2 { color: #000; padding: 5px 0; font-size: 14px; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }
a { outline: none; text-decoration: none; color: #02a6ea; }
a:hover{ text-decoration: underline; }
p, li, div { word-wrap: break-word; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: block; clear: both; *zoom:1;font-size: 0; height: 0; line-height: 0; }
.inlineblk { display: inline-block; display: -moz-inline-stack; *display:inline;zoom: 1; }
.strong { font-weight: bold; }
.txtCen { text-align: center }
.f14, .page a.back, .contactBox1, .contactBox2 { font-size: 14px; }
.f16, .serverList .right h4 { font-size: 16px; }
.color1, .page a.back { color: #555; }
.color2 { color: #02a6ea; }
a, .main, .boxMain, .aboutTit, .contactBox1, .contactBox2, .homeLinks { font-family: "Microsoft Yahei"; }
/* ended base */

/* public style */
.wrapper { background: url(../images/main_bg.jpg) no-repeat center top; }
.header_navBox, .header, .content, .nav, .copyrights { width: 970px; margin: 0 auto; }
.column, .boxCon, .borderBot { width: 940px; margin: 0 auto; }
.column, .borderBot, .contactBox2, .homeBot { background: url(../images/bottom_bg.png) repeat-x 0 100% #f4f4f4; padding: 10px 0; margin-bottom: 15px; }
.btn_bg { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; background: #555; color: #fff; font-size: 16px; line-height: 30px; padding: 0 20px; }
.header_nav a,.copyrights .right, .homeList li, #doing #btUp, #doing #btDown { background: url(../images/icon_bg.gif) no-repeat; }
.png_bg { background: url(../images/iconPng_bg.png) no-repeat; }
.newsTit, .contactBox1, .contactBox1 h4, .contactBox2 h4 { border-bottom: 1px dotted #D1D1D1; }
/* header */
.header_nav { text-align: right; height: 26px; }
.header_nav a { display: inline-block; text-transform: uppercase; height: 26px; line-height: 26px; margin-left: 25px; }
.header_nav a.link1 { width: 46px; background-position: -2px 5px; }
.header_nav a.link2 { width: 62px; background-position: -70px 5px; }
.header_nav a.link3 { width: 70px; background-position: -156px 5px; }
.logo { float: left; padding-top: 40px; }
.search { float: right; padding-top: 48px; }
.txt { border: none; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; background: #fff; height: 25px; width: 165px; vertical-align: top; margin-right: 6px; padding: 0 2px; }
.btn_search { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; line-height: 24px; height: 25px; width: 76px; display: inline-block; color: #0071c6; text-align: center; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%, #dddddd 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%, #dddddd 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e2e2e2 0%, #dddddd 100%); /* W3C */ }
.btn_search:link, .btn_search:hover { text-decoration: none; color: #0071c6; }
/* header */
/* nav */
.nav { margin: 29px auto 34px auto; height: 40px;  background: url(../images/nav_Bg.jpg) no-repeat 0 0; position: relative; z-index:1;}
.nav #menu{height: 40px; padding-left:15px;}
.nav ul li { position: relative; display:block; float:left; padding-right:20px;}
.nav ul li.last { padding-right: 0; }
.nav ul li a { color: #151515; line-height: 26px; height:33px; padding:6px 1px 0; width:93px;font-size: 16px; display: block; text-decoration: none; text-align: center; }
.nav ul li.select a, .nav ul li a:hover { color: #0096eb; text-decoration: none;line-height:26px; }
.nav ul li.dropDown a{padding:0; line-height:26px;border-top:6px solid #aaa; border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5; background:#eee;position: relative;z-index:1000;}
.nav ul li .dropDownBox { position: absolute; left: 0; top: 38px; display: none; z-index: 999; border:1px solid #c5c5c5;border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; width:350px; background:url(../images/navDownBg.jpg) repeat-x 0 0 #fbfbfb; padding:20px;}
/*.nav ul li.dropDown .dropDownBox { display: block; }*/
.dropDownBox .dropDownImg{ float:left;border-left:1px solid #fbfbfb; padding-left:30px; width:150px; height:150px;}
.dropDownBox .dropDownImg img{ width:142px; height:142px; border:3px solid #fff;}
.nav ul li .dropDownBox ul{border-right:1px solid #d9d9d9;width:150px; display:block; float:left; }
.nav ul li ul li {padding: 0; position: static; float:none;}
.nav ul li.dropDown ul li a{ position: static; color: #424242; height: 36px; line-height: 36px; padding:0; width:auto; text-align: left; border:none; background:none; }
.nav ul li ul li a:hover, .nav ul li.dropDown ul li a:hover { color: #0092e9; line-height: 36px;}
/* ended nav */
/* content */
.content { background: #f4f4f4; min-height: 300px; }
.box { background: url(../images/box_bg.jpg) no-repeat center bottom; padding-bottom: 25px; }
.boxCon { background: #fff; padding: 15px; width: 910px; }
.column { line-height: 34px; font-size: 18px; color: #424242; }
.selectBox { width: 164px; border: 1px solid #dbdbdb; height: 26px; *height:21px;
line-height: 26px; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f6f6f6 0%, #eeeeee 100%); /* W3C */ }
.main { padding: 15px 0; }
.boxMain { background: #f4f4f4; padding: 20px; -webkit-box-shadow: inset 0 0 5px #eeeeee; -moz-box-shadow: inset 0 0 5px #eeeeee; -o-box-shadow: inset 0 0 5px #eeeeee; -ms-box-shadow: inset 0 0 5px #eeeeee; box-shadow: inset 0 0 5px #eeeeee; }
/* ended content */
/* footer */
.footer { background: url(../images/footer_bg.jpg) repeat-x 0 0; height: 66px; color: #b6b6b6; }
.copyrights .left, .copyrights .left a { line-height: 66px; color: #b6b6b6; }
.copyrights .left a { line-height: 66px; color: #b6b6b6; }
.copyrights .right { padding: 15px 130px 0 0; line-height: 20px; text-align: right; background-position: right bottom; }
/* ended footer */

.listBox { padding: 5px 0; }
.listBox li { float: left; width: 49%; color: #424242; line-height: 22px; }
.listBox1 li { width: 99%; float: none; }
.page { padding: 15px; overflow: hidden; *zoom:1;
text-align: center; line-height: 30px; color: #555; }
/* ended public style */
/* home */
.banner { padding: 7px; width: 956px; height: 330px; overflow: hidden; z-index: 0; position: relative; }
.homeNews { background: #efefef; border-bottom: 1px solid #dfdede; margin: 7px 0 30px; padding: 0 15px; height: 36px; line-height: 36px; position: relative; }
.homeNews .left { width: 135px; color: #417bb6; }
.homeMain { margin-bottom: 30px; }
.homeMainBox { width: 270px; }
.homeMainBox1 { width: 310px; margin-right: 60px; }
.homeMainBox h4 { padding: 10px 0; }
.homeBot { height: 90px; }
.homeBot .left { width: 90px; }
.homeBot .right { width: 170px; line-height: 22px; }
.homeMainBox1 .homeBot .right { width: 205px; line-height: 18px; }
.homeList li { background-position: -260px -25px; padding-left: 26px; }
.homeLinks { background: #f0f0f0; border-bottom: 1px solid #e7e6e6; margin-bottom: 30px; padding: 15px; color: #417bb6; font-size: 18px; line-height: 40px; }
.homeLinks span { padding: 0 30px 0 10px; }
/* ended Home */
/* Recruitment */
.recH2 { padding: 15px 25px 20px 0; }
.recH2 .right { margin-top: 30px; }
/* ended Recruitment */
/* news */
.news { padding: 0 15px; }
.newsTit { border-bottom: 1px dotted #d1d1d1; padding: 15px 0; color: #1387dc; text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.newsTit span { color: #939393; font-size: 14px; font-weight: normal; }
.news p { padding: 10px 0; line-height: 20px; }
.newListLeft { width: 132px; }
.newListRight { width: 755px; font-size: 14px; }
.newListTit { line-height: 36px; font-size: 16px; padding-bottom: 10px; }
.snPages { text-align: right; padding-right: 15px; }
.snPages a { display: inline-block; width: 24px; height: 12px; line-height: 12px; background: #acacac; margin-left: 7px; *zoom:1;
font-size: 0; }
.snPages a.pageSelect { background: #1387dc; }
/* ended news */
/* about us */
.aboutTit { font-size: 18px; color: #000; padding: 0 15px 15px; }
.links { text-align: center; }
.links img { border: 1px solid #d2d2d2; margin: 0 5px; }
.aboutCon { position: relative; z-index: 0; padding: 20px; }
.aboutBg { position: absolute; right: 0; top: -65px; background: url(../images/ba_bg.png) no-repeat 0 0; width: 257px; height: 90px; }
.aboutCon p { padding: 10px 0; }
/* ended about us */
/* Contact Us */
.contactBox1, .contactBox2 { padding: 30px 15px; }
.contactBox1 h4, .contactBox2 h4 { padding: 10px 0; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.contactBox1 .right { width: 315px; }
.contactBox2 .left { width: 260px; }
.contactBox2 .right { width: 636px; background: url(../images/box_bg1.jpg) no-repeat center bottom; padding: 0 15px 22px; margin-right: -30px; _margin-right: -15px; }
.contactMap { padding: 10px; background: #fff; }
/* ended Contact Us */
/* Portfolio */
.porList { padding-left: 15px; }
.porList ul li { border: 1px solid #ccc; float: left; padding: 4px; width: 296px; height: 220px; margin: 0 11px 11px 0; }
.porList ul li img { width: 296px; height: 220px; }
.works { padding: 0 0 25px; }
/* ended Portfolio */
/* Services */
.serverList { width: 450px; float: left; color: #000; padding: 0 30px 10px 0; }
.serverList .left { width: 160px; }
.serverList .right { width: 280px; }
.serverList .right h4 { padding: 20px 0 10px; }
.serverList .right h4 span { font-size: 18px; color: #09a3fe; }
.paddingNone { padding-right: 0; }
/* ended Services */
/* Scroll */
#doing { height: 36px; overflow: hidden; width: 620px; }
#doing ul { font-size: 12px; width: 700px; }
#doing ul li { height: 36px; line-height: 36px; overflow: hidden; }
#doing #btUp, #doing #btDown { cursor: pointer; height: 28px; width: 45px; position: absolute; right: 10px; top: 4px; }
#doing #btUp { background-position: -235px -90px; }
#doing #btDown { background-position: -190px -90px; right: 55px; }
/* ended Scroll */
